Together with  Macroscope
🚀 Frontend Focus

#​719 — November 26, 2025 | Read on the web

Brand New Layouts Achievable with CSS Subgrid — An excellent new tutorial priming us on the possibilities unlocked by subgrid (now supported in all major browsers). As Josh noted over on Bluesky he “figured it’d be a convenient little utility” but found subgrid solves “one of the most longstanding issues” he had with CSS, and unlocks a lot of exciting UI options.

Josh W. Comeau

MACROSCOPE - Ship Fewer Bugs, Merge Faster — Macroscope catches more bugs than any other code review tool, with the #1 signal-to-noise ratio on the market. And Macroscope is free for non-commercial open source projects. Use discount code MACROFOCUS to get 50% off your first 2 months.

Macroscope sponsor

Wikipedia: Unifying Mobile and Desktop Domains — Some detail on how a giant such as Wikipedia handles a domain change, achieving 20% faster mobile response times, improved SEO, and reduced infrastructure load as a result.

Timo Tijhof (Wikimedia Foundation)

Range Syntax for Style Queries — Style queries are getting an upgrade! Una explains how, like media queries, and container queries, they can now respond to a range of values, and not just predefined states. There’s a demo at the end too.

Una Kravets

⚡️ IN BRIEF

📙 Articles, Opinions & Tutorials

On Inheriting and Sharing Property Values — A look at how CSS inheritance and computed values work, and why sharing values between properties is often difficult. Daniel also suggests a hypothetical compute() function that would let us directly get the values of other properties.

Daniel Schwarz

Keyframes Tokens: Standardizing Animation Across Projects — A detailed tutorial on using a systemized approach to animation: “animations deserve the same care and structure we already give to colors, typography, and spacing”.

Amit Sheen

Next.js 15 Enterprise Boilerplate with AWS Infrastructure — Production-ready starter with perfect Lighthouse score, Terraform IaC, CI/CD, and strict TypeScript. Open-source & performance-optimized.

Blazity sponsor

How to Create 3D Images in CSS with the Layered Pattern — A fun one here on creating 3D objects using the CSS perspective and transform properties.

Sunkanmi Fafowora

How grid-template-areas Offer a Visual Solution for Your Code — A quick look at how to make use of this flexible property to help with layout design.

Saron Yitbarek (WebKit)

Web Browser Status Bars Are 'Nuts' — Turns out there’s some inconsistencies here.

Jeff Johnson

Web Monetization is Still Inching Along, But Still Too Difficult — A sound idea, but one that no one has cracked just yet.

Chris Coyier

How to Build Cinematic 3D Scroll Experiences with GSAP
Joseph Santamaria

Updating CSS Border Radius When a Container is Overflowing
Rik Schennink

"The CloudFlare Outage was a Good Thing"
Jimmy Breck-McKye

Critical Thinking During the Age of AI
Addy Osmani

🧰 Tools, Code & Resources

Driver.js v1.4: Tours, Highlights, Contextual Help, and More — A vanilla JS library for making on-page tours and contextual help systems. It’s been around for several years, but is still maintained, and there are lots of examples to check out – it’s really smooth.

Kamran Ahmed

Save Up to 40% and Deploy Your Static Sites to Any Cloud with S3-Compatible Storage — Use any static site generator you want. We support many of the most popular ones and if we don't support yours, you can use your own custom build process on our hosted BuildServers.

Cloud 66 sponsor

Awesome Tailwind CSS: Awesome Things Related to Tailwind — A grab bag of handy links, tools, plugins, and utilities.

NiftyCo

wc-pagination: A Web Component for Accessible Pagination — Relies on three attributes to determine the number of items per page, current page, and total items. Try some demos on CodePen here.

Dominic Myers

Heat.js: A Heat Map Visualization Library — Think the GitHub contributions heat map. No dependencies, small, responsive, and theme-able. There’s a live demo or its GitHub repo.

William Troup

Polypane 27: Projects, A Snippets Panel and Chromium 142 — The latest version of developer browser Polypane brings a new project-focused workflow, a new snippets panel, and improved DOM editing.

Kilian Valkhof

fontless: Plug-and-Play Font Optimization for Modern Web Apps — A Vite plugin that lets you use fonts as you normally would. It will optimize font loading by providing fallbacks for reduced Cumulative Layout Shift (CLS). No JS required at runtime and works with any framework.

fontaine

🚇 ...and finally

Fran Sans Essay — I enjoyed this write up covering the inspiration, design and creation of a new display font. It’s based on the LCD displays found on San Francisco’s Muni.

Emily Sneddon

Ipx.